<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车-聚美优品</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2062008_cxci4ayj9vv.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-top-box">
            <div class="head-top">
                <ul class="top_left">
                    <li class="login_li"><a href="./login.html">订单查询</a></li>
                    <li><span>|</span></li>
                    <li class="zhuce_li"><a href="javascript:;">[退出]</a></li>
                    <li>欢迎您<span class="cart_name"></span></li>
                </ul>
                <ul class="top_left_hide">
                    <li>
                        <i>[<a href="#">退出</a>]</i>
                        <p>yan</p>
                        <span>欢迎您,</span>
                    </li>
                </ul>
            </div>
            <div class="head-bottom">
                <img src="http://f0.jmstatic.com/static_cart/dist/20191009_1/images/cart_logo.jpg?v=1"
                    alt="http://f0.jmstatic.com/static_cart/dist/20191009_1/images/cart_logo.jpg?v=1">
                <div class="head_schedule">

                </div>
            </div>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class=".container">
        <div class="container-show clearfix">
            <div class="show_left">
                <img src="http://s0.jmstatic.com/assets/images/jumei/cart_v2/empty_icon.jpg" alt="">
            </div>
            <div class="show_right">
                <h2>您的购物车中没有商品，请先去挑选心爱的商品吧！</h2>
                <p> 您可以 <button>返回商店</button> 挑选喜欢的商品,或者 </p>
                <div>
                    <input type="text" id="show_search" placeholder="搜搜你想要的商品">
                    <button></button>
                </div>
            </div>

        </div>
        <div class="container-hide">
            <div class="container-top">
                <div class="top_left">
                    <p><span></span>即将超过购物车保留时间,请尽快结算。</p>
                </div>
                <div class="top_right">
                    <span><i></i> 美妆满2件或299元包邮 </span>
                    <span><i></i> 7天无条件退货 </span>
                    <span><i></i> 真品防伪码 </span>

                </div>
            </div>
            <div class="container-center">
                <div class="center_top">
             
                </div>
            </div>
        </div>

    </div>
    <div class="recommend_boX">
        <div class="recommend clearfix">
            <div class="recommend_top">
                <p>今日备受欢迎</p>

            </div>
            <div class="recommend_center">
               
            </div>
        </div>
    </div>

    <div class="foot">
        <div class="foot-core">
            <p>

                Copyright © 2010-2015 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888
                <br>
                <br>
                京公网安备 11010102001226 号 |
                <a href="">京ICP证111033号</a>
                | 食品流通许可证 SP1101051110165515（1-1）
                |
                <a href="">营业执照</a>
                |
                <a href="">公示制度</a>
            </p>
            <div class="clearfix">
                <a href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1693268180.html" class="foot_a1"></a>
                <a href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1693268180.html" class="foot_a2"></a>
                <a href="" class="foot_a3"></a>
                <a href="" class="foot_a4"></a>
                <a href="https://ss.knet.cn/verifyseal.dll?sn=e1908021101057894518jv000000&ct=df&pa=nU60yFg7nXl37yQG"
                    class="foot_a5"></a>
            </div>
        </div>
    </div>

    <script src="../lib/template-web.js"></script>
    <script type="text/html" id="tmp">
        <table>
            <thead>
                <tr>
                    <th>
                        <div>
                            <input checked type="checkbox">
                            <h2>名品特卖</h2>
                        </div>
                    </th>
                    <th>聚美价（元）</th>
                    <th>数量</th>
                    <th>小计（元）</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {{ each list v index }}
                <tr>
                    <td>
                        <div>
                            <input {{ ischecked[index] }} class="danxuan" type="checkbox">
                        </div>
                       <div>
                            <a class="one_a" href="">
                                <img src= '{{ v.deal_img }}'
                                    alt="">
                            </a>
                            <a class="two_a" href="">{{ v.deal_tit}}</a>
                            <p> 容量：<span>欣兰冻膜225g </span></p>

                        </div>
                    </td>
                    <td>
                        <div>

                            {{ if v.deal_global }}
                            <p>￥{{ v.deal_global.price_home }}</p>
                            <p>￥{{ v.deal_global.price_ref }}</p>
                            
                            {{ else }}
                            <p>￥{{ v.deal_group.price_dis.toFixed(2) }}</p>
                            <p>￥{{ v.deal_group.price_org.toFixed(2) }}</p>
                            {{ /if }}
                        </div>
                    </td>
                    <td class="user-select">
                       <button class="num-">-</button>     
                       <input type="text" class="inp_num" value=" {{ v.report_number * 1 + 1}} ">
                       <button class="num+">+</button>     
                    </td>
                    <td>
                        {{ if v.deal_global }}
                        <p>￥{{ v.deal_global.price_home.toFixed(2) }}</p>
                        <span>省{{ (v.deal_global.price_ref - v.deal_global.price_home).toFixed(2) }}</span>
                        {{ else }}
                        <p>￥{{ v.deal_group.price_dis.toFixed(2) }}</p>
                        <span>省{{ (v.deal_group.price_org -v.deal_group.price_dis).toFixed(2) }}</span>
                        {{ /if }}     
                    </td>
                    <td>
                        <button class="deal_del"></button>
                    </td>
                </tr>
                {{ /each }}
            </tbody>
            <tfoot>
                <tr>
                    <td colspan=" 5 ">
                       <p>商品金额 &nbsp; <span> ￥{{ price }}</span></p>
                    </td>
                </tr>
            </tfoot>
        </table>
        <div>
            <input  type="checkbox"  class="quanxuan" id="quanxuan">
            <label for="quanxuan">全选</label>
            <a class="go_shopping" href="javascript:;">继续购物</a>
            <i>|</i>
            <a class="clear_shopping">清空选中商品</a>
            <div>
                <p>共 <span> {{ num }} </span>件商品应付总额: <span> ￥{{ price }}</span> </p>
                <button>去结算</button>
            </div>
        </div>
    
    </script>
    <!-- 每日推荐渲染模板 -->
    <script type="text/html" id="tmptwo" >
        <ul class="ul">
            {{ each list v}}
            <li>
                <div>
                    <a href="javascript:;">
                        <img src= " {{v.deal_img }}  "
                            alt="">
                    </a>
                    <p>{{ v.deal_tit }} </p>
                    
                    {{ if v.deal_global }}
                    <span>￥{{ v.deal_global.price_home.toFixed(2) }}</span>
                    {{ else }}
                    <span>￥{{ v.deal_group.price_dis.toFixed(2) }}</span>
                    {{ /if }}
                    <button>加入购物车</button>
                </div>
            </li>
           {{ /each }}
        </ul>
  
    </script>
    <script src="../lib/jquery/jquery.min.js"></script>
    <!-- 引入公共js文件 -->
    <script src="../js/public.js"></script>
    <script src="../js/cart.js"></script>
</body>
</html>